<!doctype html>  
<!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
<!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
<!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
<!--[if (gt IE 7)|!(IE)]><!-->
<html lang="en-us"><!--<![endif]-->
<head>
	<meta charset="utf-8">
	
	<title>Real-Time Online Users - Displays the realtime number of online users on your Wordpress website</title>
	
	<meta name="description" content="">
	<meta name="author" content="Mahdi El Masaoudi">
	<meta name="copyright" content="Mahdi El Masaoudi">
	<meta name="generator" content="Documenter v1.6 http://rxa.li/documenter">
	<meta name="date" content="2013-01-03T00:00:00+01:00">
	
	<link rel="stylesheet" href="css/documenter_style.css" media="all">
	
	
	<script src="js/jquery.1.6.4.js"></script>
	
	<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
	<script src="js/jquery.easing.js"></script>
	
	
	<script>document.createElement('section');var duration=500,easing='swing';</script>
	<script src="js/script.js"></script>
	
	<style>
		html{background-color:#FFFFFF;color:#383838;}
		::-moz-selection{background:#444444;color:#DDDDDD;}
		::selection{background:#444444;color:#DDDDDD;}
		#documenter_sidebar #documenter_logo{background-image:url(assets/images/logo.png);}
		a{color:#0000FF;}
		hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF;}
		#documenter_sidebar, #documenter_sidebar ol a{background-color:#DDDDDD;color:#222222;}
		#documenter_sidebar ol a{-webkit-text-shadow:1px 1px 0px #EEEEEE;-moz-text-shadow:1px 1px 0px #EEEEEE;text-shadow:1px 1px 0px #EEEEEE;}
		#documenter_sidebar ol{border-top:1px solid #AAAAAA;}
		#documenter_sidebar ol a{border-top:1px solid #EEEEEE;border-bottom:1px solid #AAAAAA;color:#444444;}
		#documenter_sidebar ol a:hover{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
		#documenter_sidebar ol a.current{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
		#documenter_copyright{display:block !important;visibility:visible !important;}
	</style>
	
</head>
<body>
	<div id="documenter_sidebar">
		<a href="#documenter_cover" id="documenter_logo"></a>
		<ol id="documenter_nav">
			<li><a class="current" href="#documenter_cover">Start</a></li>
			<li><a href="#summary">Summary</a></li>
			<li><a href="#prerequisites">Prerequisites</a></li>
			<li><a href="#setup_activation">Setup & Activation</a></li>
			<li><a href="#uninstall">Uninstall</a></li>
			<li><a href="#jquery">jQuery</a></li>
			<li><a href="#customize_the_display">Customize the display</a></li>
			<li><a href="#supported_languages">Supported languages</a></li>
			<li><a href="#changelog">Changelog</a></li>

		</ol>
		<div id="documenter_copyright">Copyright Mahdi El Masaoudi 2013<br>
		made with the <a href="http://rxa.li/documenter">Documenter v1.6</a> 
		</div>
	</div>
	<div id="documenter_content">
	<section id="documenter_cover"><h1>Real-Time Online Users</h1><h2>Real-Time Online Users - Displays the realtime number of online users on your Wordpress website</h2><hr><ul><li>Created: 12/31/2012</li><li>latest Update: 01/03/2013</li><li>By: Mahdi El Masaoudi</li><li><a href="http://pages.usherbrooke.ca/mel">pages.usherbrooke.ca/mel</a></li><li>Email: <a href="mailto:&#109;&#97;&#104;&#100;&#105;&#46;&#101;&#108;&#46;&#109;&#97;&#115;&#97;&#111;&#117;&#100;&#105;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;">&#109;&#97;&#104;&#100;&#105;&#46;&#101;&#108;&#46;&#109;&#97;&#115;&#97;&#111;&#117;&#100;&#105;&#64;&#103;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;</a></li></ul><p></p></section><section id="summary">
	<h3>Summary</h3><hr class="notop">
<p>
	<span id="result_box" lang="en"><span class="hps">Real-Time</span> <span class="hps">Online </span><span class="hps">Users</span> is a <span class="hps">Plugin</span> <span class="hps">/ Widget</span> <span class="hps">for Wordpress that</span> <span class="hps">allows to display </span><span class="hps">in real time</span> <span class="hps">the exact number of</span> <span class="hps">connected users to a</span> <span class="hps">Wordpress</span> <span class="hps">website</span><span>.</span></span></p>
<p>
	<span lang="en"><span class="hps">The plugin</span> <span class="hps">provides the</span> <span class="hps">following</span> <span class="hps">options</span><span>:</span></span></p>
<ol>
	<li>
		<span class="hps">Show</span> <span class="hps">the</span> <span class="hps">total number</span> <span class="hps">of online users</span><span class="hps">;</span></li>
	<li>
		<span lang="en">Show <span class="hps">the number of</span> <span class="hps">registered users;</span></span></li>
	<li>
		<span lang="en">Show <span class="hps">the number of</span> guest users<span class="hps">;</span></span></li>
	<li>
		<span lang="en">Show <span class="hps">the list of</span> </span><span id="result_box" lang="en"><span class="hps">online </span></span><span id="result_box" lang="en"><span class="hps">registered</span> <span class="hps">users</span><span>.</span></span></li>
</ol>
<p>
	<span id="result_box" lang="en"><span class="hps">The duration</span> <span class="hps">that the</span> <span class="hps">plugin</span> <span class="hps">uses to determines whether a user</span> <span class="hps">is online or</span> <span class="hps">not</span> <span class="hps">is configurable</span></span> in the administration interface.</p>
<p>
	This Plugin is available as a wordpress Widget and can be managed like any other standard Wordpress Widget.</p>
<p>
	<img alt="" src="assets/images/inline_preview.png" style="width: 550px; height: 220px;"></p>
</section>
<section id="prerequisites">
	<h3>Prerequisites</h3><hr class="notop">
<p>
	<span id="result_box" lang="en"><span class="hps">The following items are</span> <span class="hps">required </span><span class="hps">:</span></span></p>
<ul>
	<li>
		<span lang="en"><span class="hps">WordPress</span> <span class="hps">(2.0.1</span> <span class="hps">or higher</span><span>,</span> <span class="hps">a</span> <span class="hps">recent version</span> <span class="hps">is</span> <span class="hps">recommanded</span><span>)</span></span><span lang="en"><span>;</span></span></li>
	<li>
		<span lang="en"><span class="hps">PHP 5;</span></span></li>
	<li>
		<span lang="en"><span class="hps">Javascript</span> <span class="hps">must be enabled</span></span>.</li>
</ul>
</section>
<section id="setup_activation">
	<h3>Setup & Activation</h3><hr class="notop">
<p>
	<span id="result_box" lang="en"><span class="hps">The Installation and</span> <span class="hps">activation</span> <span class="hps">of the plugin are very simple </span><span class="hps">:</span></span></p>
<ol>
	<li>
		<span lang="en"><font color="red"><b>Important : </b>before you install the plugin, please make sure you rename the <b>zip</b> file into <b>"rtou_widget.zip"</b>;</font></span></li>
	<li>
		<span lang="en"><span class="hps">Log on to</span> <span class="hps">the administrative interface</span> <span class="hps">of</span> <span class="hps atn">Wordpress (</span><span>http://yourdomain.com/wp/wp-admin/</span><span>);</span></span></li>
	<li>
		<span lang="en"><span class="hps">Go to</span><em> <span class="hps">Plugins&gt;</span> <span class="hps">Add New</span></em><span>;</span></span>
		<p><img alt="" src="assets/images/install_0.png"></p>
		</li>
	<li>
		<span lang="en"><span class="hps">Click on</span> <em><span class="hps">Upload</span> </em><span class="hps">and choose </span><span class="hps">the location where</span> <span class="hps">you placed</span> <span class="hps">the</span> <span class="hps">plugin</span> <span class="hps">temporarily</span> <span class="hps atn">on your computer (</span><span>rtou_widget.zip</span><span>);</span></span>
		<p><img alt="" src="assets/images/install_1.png"></p>
		</li>
	<li>
		In the plugins management interface in Wordpress admin interface, activate the plugin;
		<p><img alt="" src="assets/images/install_2.png"></p>
		</li>
	<li>
		<span lang="en"><span class="hps">In the interface</span> <em><span class="hps">Appearance&gt;</span> </em><span class="hps"><em>Widgets</em>,</span> <span class="hps">choose</span> the location <span class="hps">in which</span> <span class="hps">the widget</span> <span class="hps">should be placed</span><span>;</span></span>
		<p><img alt="" src="assets/images/install_3.png"></p>
		</li>
</ol>
</section>
<section id="uninstall">
	<h3>Uninstall</h3><hr class="notop">
<p>
	<span id="result_box" lang="en"><span class="hps">To uninstall the</span> <span class="hps">plugin:</span></span></p>
<ol>
	<li>
		<span class="hps">Go to</span> <span class="hps">the</span> <span class="hps">plugins</span> <span class="hps">management interface</span><span>;</span></li>
	<li>
		<span lang="en"><span class="hps">Click on</span> Desactivate<span class="hps">;</span></span>
		<p><img alt="" src="assets/images/uninstall_0.png"></p>
		</li>
	<li>
		<span lang="en"><span class="hps">Click on</span> <span class="hps">delete.</span></span>
		<p><img alt="" src="assets/images/uninstall_1.png"></p>
		</li>
</ol>
</section>
<section id="jquery">
	<h3>jQuery</h3><hr class="notop">
<p>
	<span id="result_box" lang="en"><span class="hps">You do not have to worry about </span></span><span id="result_box" lang="en"><span class="hps">whether jQuery is installed or not in your Website (front-end)</span></span><span id="result_box" lang="en"><span>.There are two possibilities</span><span class="hps">:</span></span></p>
<ol>
	<li>
		<span lang="en"><span class="hps">If</span> <span class="hps">jQuery</span> <span class="hps">is installed on your</span> <span class="hps">website, the</span> <span class="hps">plugin uses the</span> <span class="hps">available jQuery</span> <span class="hps">version</span><span>;</span></span></li>
	<li>
		<span lang="en"><span class="hps">If</span> <span class="hps">jQuery</span> <span class="hps">is not present</span> <span class="hps">on your website</span><span>, the plugin</span> will <span class="hps">integrates</span> <span class="hps">jQuery</span> <span class="hps">1.7.1 to</span> <span class="hps">your</span> <span class="hps">front-end.</span></span></li>
</ol>
</section>
<section id="customize_the_display">
	<h3>Customize the display</h3><hr class="notop">
<p>
	The display can be costumized thinks to the HTML structure of the Widget.</p>
<p>
	Here is the HTML structure:</p>
<p>
	<img alt="" src="assets/images/html_structure.png"></p>
</section>
<section id="supported_languages">
	<h3>Supported languages</h3><hr class="notop">
<p>
	For the moment, the plugin supports the following languages​​:</p>
<ol>
	<li>
		English;</li>
	<li>
		French.</li>
	<li>
		Russian(Special thanks to the user 1245).</li>
</ol>
</section>
<section id="changelog">
	<h3>Changelog</h3><hr class="notop">
<p>
	1.0.0&nbsp;&nbsp;&nbsp; initial version</p>
<p>
	1.0.2&nbsp;&nbsp;&nbsp; Correcting archive name issue, documentation and adding russian language</p>
</section>

	</div>
</body>
</html>